<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引用和引号</title>
    <style>
        cite::before{
            content:'《'
        }

        cite::after{
            content:'》'
        }
    </style>
</head>
<body>

    <!--q标签代表引用某一段文本,会为文本追加引号.-->
    <p>孔子说:"知之为知之,不知为不知,是知也."</p>
    <p>孔子说:<q>知之为知之,不知为不知,是知也.</q></p>
    <p>
        我跟他说:
        <q>
            孔子说:
            <q>
            知之为知之,不知为不知,是知也.
            </q>
        </q>
    </p>

    <!--cite标签代表用来引用某一本书籍或是期刊-->
    <p>知之为知之,不知为不知,是知也. ————<cite>论语</cite></p>

    <!--sup和sub标签分别生成上标和下标-->
    <p>张小龙 <sup>[1]</sup> 微信小程序之父</p>
    <p>张小龙 <sub>[2]</sub> 微信小程序之父</p>

    
    <!--
        blockquote的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。
        等等，上一节q标签不是也是对文本的引用吗？不要忘记<q>标签是对简短文本的引用，比如说引用一句话就用到q标签。
        浏览器对<blockquote>标签的解析是缩进样式。
    -->

    <blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>


</body>
</html>